.city{
    margin-bottom: .2rem;
    #disstorck{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        li{
            width: 40%;
            height: .4rem;
            line-height: .4rem;
            border-bottom: .01rem solid brown;
            text-align: center;
            margin: 0 0.15rem;
            a{
                color: red;
                
                span{
                    font-size: .2rem;
                    
                    strong{
                        padding-left: .1rem;
                        color: brown;
                    }
                }
            }
        }
    }
}
.list {
    ul{
        .ui-border-b{
            display: flex;
            .userimg{
                width: .5rem;
                height: .5rem;
                border-radius: 50%;
                img{
                    width: 100%;
                }
            }
            .con{
                margin-left: .05rem;
                flex: 1;
                .name{
                    // display: flex;
                    font-size: .12rem;
                    color: #ccc;
                    .username{
                        float: left;
                        color: blue;
                    }
                    .time{
                        float: right;
                    }
                }
                .content{
                    text-align: left;
                    margin-top: .05rem;
                    font-size: .14rem;
                }
            }
        }
    }
}